<template>
  <div>
    <div class="select">
      <span>省份选择：</span>
      <el-select
        v-model="sfmc"
        filterable
        placeholder="请选择"
        @change="handleChange"
      >
        <el-option
          v-for="item in cities"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
      <button @click="update">数据入库</button>
      <button>退出</button>
    </div>
    <div class="container">
      <div class="item">
        <span>省份：</span>
        <el-input v-model="sfmc" :disabled="true"></el-input>
      </div>

      <div class="item">
        <span>语文：</span>
        <el-input v-model="gkcjyw" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>数学：</span>
        <el-input v-model="gkcjsx" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>外语：</span>
        <el-input v-model="gkcjwy" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>物理：</span>
        <el-input v-model="gkcjwl" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>化学：</span>
        <el-input v-model="gkcjhx" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>生物：</span>
        <el-input v-model="gkcjsw" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>历史：</span>
        <el-input v-model="gkcjls" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>政治：</span>
        <el-input v-model="gkcjzz" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>地理：</span>
        <el-input v-model="gkcjdl" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>技术：</span>
        <el-input v-model="gkcjjs" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>综合分：</span>
        <el-input v-model="gkcjzhf" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>语文附加：</span>
        <el-input v-model="gkcjywfj" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>数学附加：</span>
        <el-input v-model="gkcjsxfj" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>物理选测：</span>
        <el-input v-model="gkcjwlxc" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>化学选测：</span>
        <el-input v-model="gkcjhxxc" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>历史选测：</span>
        <el-input v-model="gkcjlsxc" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>地理选测：</span>
        <el-input v-model="gkcjdlxc" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>政治选测：</span>
        <el-input v-model="gkcjzzxc" placeholder=""></el-input>
      </div>
      <div class="item">
        <span>生物选测：</span>
        <el-input v-model="gkcjswxc" placeholder=""></el-input>
      </div>
    </div>
  </div>
</template>

<script>
import { request } from "../../../network/request";
export default {
  name: "",
  data() {
    return {
      cities: [
        {
          value: "北京",
          label: "北京",
        },
        {
          value: "天津",
          label: "天津",
        },
        {
          value: "上海",
          label: "上海",
        },
        {
          value: "重庆",
          label: "重庆",
        },
        {
          value: "河北",
          label: "河北",
        },
        {
          value: "山西",
          label: "山西",
        },
        {
          value: "辽宁",
          label: "辽宁",
        },
        {
          value: "吉林",
          label: "吉林",
        },
        {
          value: "黑龙江",
          label: "黑龙江",
        },
        {
          value: "江苏",
          label: "江苏",
        },
        {
          value: "浙江",
          label: "浙江",
        },
        {
          value: "安徽",
          label: "安徽",
        },
        {
          value: "福建",
          label: "福建",
        },
        {
          value: "江西",
          label: "江西",
        },
        {
          value: "山东",
          label: "山东",
        },
        {
          value: "河南",
          label: "河南",
        },
        {
          value: "湖北",
          label: "湖北",
        },
        {
          value: "湖南",
          label: "湖南",
        },
        {
          value: "广东",
          label: "广东",
        },
        {
          value: "海南",
          label: "海南",
        },
        {
          value: "四川",
          label: "四川",
        },
        {
          value: "贵州",
          label: "贵州",
        },
        {
          value: "云南",
          label: "云南",
        },
        {
          value: "陕西",
          label: "陕西",
        },
        {
          value: "甘肃",
          label: "甘肃",
        },
        {
          value: "青海",
          label: "青海",
        },
        {
          value: "台湾",
          label: "台湾",
        },
        {
          value: "内蒙古",
          label: "内蒙古",
        },
        {
          value: "广西",
          label: "广西",
        },
        {
          value: "西藏",
          label: "西藏",
        },
        {
          value: "宁夏",
          label: "宁夏",
        },
        {
          value: "新疆",
          label: "新疆",
        },
        {
          value: "香港",
          label: "香港",
        },
        {
          value: "澳门",
          label: "澳门",
        },
      ],
      sfmc: "",
      gkcjyw: "",
      gkcjsx: "",
      gkcjwy: "",
      gkcjwl: "",
      gkcjhx: "",
      gkcjsw: "",
      gkcjls: "",
      gkcjzz: "",
      gkcjdl: "",
      gkcjjs: "",
      gkcjzhf: "",
      gkcjywfj: "",
      gkcjsxfj: "",
      gkcjwlxc: "",
      gkcjhxxc: "",
      gkcjdlxc: "",
      gkcjlsxc: "",
      gkcjzzxc: "",
      gkcjswxc: "",
    };
  },
  methods: {
    handleChange(val) {
      console.log(val);
      request({
        url: "http://118.31.51.131:8081/api/zsxt/zydm/ckCjdm",
        method: "post",
        params: {
          sfmc: this.sfmc,
          token: sessionStorage.getItem("token"),
        },
      }).then((value) => {
        console.log(value);
        this.gkcjyw = value.data.gkcjyw;
        this.gkcjsx = value.data.gkcjsx;
        this.gkcjwy = value.data.gkcjwy;
        this.gkcjwl = value.data.gkcjwl;
        this.gkcjhx = value.data.gkcjhx;
        this.gkcjsw = value.data.gkcjsw;
        this.gkcjls = value.data.gkcjls;
        this.gkcjzz = value.data.gkcjzz;
        this.gkcjdl = value.data.gkcjdl;
        this.gkcjjs = value.data.gkcjjs;
        this.gkcjzhf = value.data.gkcjzhf;
        this.gkcjywfj = value.data.gkcjywfj;
        this.gkcjsxfj = value.data.gkcjsxfj;
        this.gkcjwlxc = value.data.gkcjwlxc;
        this.gkcjhxxc = value.data.gkcjhxxc;
        this.gkcjdlxc = value.data.gkcjdlxc;
        this.gkcjlsxc = value.data.gkcjlsxc;
        this.gkcjzzxc = value.data.gkcjzzxc;
        this.gkcjswxc = value.data.gkcjswxc;
      });
    },
    update() {
      if (this.sfmc != "") {
        request({
          url: "http://118.31.51.131:8081/api/zsxt/zydm/gxCjdm",
          method: "post",
          data: {
            sfdm: this.sfmc,
            gkcjyw: this.gkcjyw,
            gkcjsx: this.gkcjsx,
            gkcjwy: this.gkcjwy,
            gkcjwl: this.gkcjwl,
            gkcjhx: this.gkcjhx,
            gkcjsw: this.gkcjsw,
            gkcjls: this.gkcjls,
            gkcjzz: this.gkcjzz,
            gkcjdl: this.gkcjdl,
            gkcjjs: this.gkcjjs,
            gkcjzhf: this.gkcjzhf,
            gkcjywfj: this.gkcjywfj,
            gkcjsxfj: this.gkcjsxfj,
            gkcjwlxc: this.gkcjwlxc,
            gkcjhxxc: this.gkcjhxxc,
            gkcjdlxc: this.gkcjdlxc,
            gkcjlsxc: this.gkcjlsxc,
            gkcjzzxc: this.gkcjzzxc,
            gkcjswxc: this.gkcjswxc,
          },
          params: {
            token: sessionStorage.getItem("token"),
          },
        }).then(() => {
          alert("更新成功");
        });
      }
    },
  },
  beforeCreate() {
    if (sessionStorage.getItem("token") == null) {
      this.$router.push("/login");
    } else {
      let token = sessionStorage.getItem("token");
      let length = sessionStorage.getItem("token").length;
      if (token[length - 6] == "0") {
        this.$router.replace("/login");
      }
    }
  },
  components: {},
};
</script>

<style scoped>
.select {
  height: 80px;
  border-bottom: 1px solid black;
}
.select span {
  line-height: 80px;
  margin-left: 60px;
}
.select button:nth-of-type(1) {
  margin-left: 800px;
}
.select button:nth-of-type(2) {
  margin-left: 150px;
}
button {
  width: 100px;
  height: 50px;
  border: none;
  outline: none;
  cursor: pointer;
  color: #fff;
  background-color: rgb(192, 51, 56);
}
button:active {
  opacity: 0.8;
}
.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.item {
  width: 25%;
  height: 120px;
  line-height: 120px;
  text-align: center;
}
.el-input {
  width: 150px;
}
/* .container ::v-deep .el-input__inner {
  width: 120px;
} */
</style>